<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/include/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>插件使用示例</title>
<d:script id="jquery,om-ui" />
<d:script path="/static/om-ui/operamasks-ui-plugin.js" />
<d:css id="om-ui" />

<script type="text/javascript">
	$(document).ready(function() {
		initUI();
	});
</script>
<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.help{
background-image:url("${ctx}/static/icons/help.png")
}
</style>
</head>
<body>
	
<div id="panel1" class="ui-panel" width="500px" height="200px" header="true" title="面板1"closable="false">
	面板1的内容
</div>

<div id="panel2" class="ui-panel" url="http://www.baidu.com" width="500px" height="200px" header="true" title="面板2" collapsible="true" closable="true">
	<span class="ui-panel-tool" id="help" iconCls="help" fn="{handler:function(){alert('help me!')}}"></span>
</div>
</body>
</html>